<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<meta name="renderer" content="webkit|ie-comp|ie-stand">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
<meta http-equiv="Cache-Control" content="no-siteapp" />
<!--[if lt IE 9]>
<script type="text/javascript" src="__STATIC__/template/lib/html5shiv.js"></script>
<script type="text/javascript" src="__STATIC__/template/lib/respond.min.js"></script>
<![endif]-->
<link rel="stylesheet" type="text/css" href="__STATIC__/template/static/h-ui/css/H-ui.min.css" />
<link rel="stylesheet" type="text/css" href="__STATIC__/template/static/h-ui.admin/css/H-ui.admin.css" />
<link rel="stylesheet" type="text/css" href="__STATIC__/template/lib/Hui-iconfont/1.0.8/iconfont.css" />
<link rel="stylesheet" type="text/css" href="__STATIC__/template/static/h-ui.admin/skin/default/skin.css" id="skin" />
<link rel="stylesheet" type="text/css" href="__STATIC__/template/static/h-ui.admin/css/style.css" />
<!--[if IE 6]>
<script type="text/javascript" src="__STATIC__/template/lib/DD_belatedPNG_0.0.8a-min.js" ></script>
<script>DD_belatedPNG.fix('*');</script>
<![endif]-->
<title>添加管理员</title>
</head>
<body>
<article class="page-container">
	{empty name="manager"}
	<form class="form form-horizontal" id="form-admin-add" onsubmit="return checkAll()" >
	<div class="row cl">
		<label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>账号：</label>
		<div class="formControls col-xs-8 col-sm-9">
			<input type="text" class="input-text" value="" placeholder="" id="account" name="account">
		</div>
		<div id="account_tip"></div>
	</div>
	<div class="row cl">
		<label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>初始密码：</label>
		<div class="formControls col-xs-8 col-sm-9">
			<input type="password" class="input-text" autocomplete="off" value="" placeholder="密码" id="password" name="password">
			<div id="password_tip"></div>
		</div>
	</div>
	<div class="row cl">
		<label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>确认密码：</label>
		<div class="formControls col-xs-8 col-sm-9">
			<input type="password" class="input-text" autocomplete="off"  placeholder="确认新密码" id="password2" name="password2">
			<div id="password2_tip"></div>
		</div>
	</div>

	<div class="row cl">
		<label class="form-label col-xs-4 col-sm-3">角色：</label>
		<div class="formControls col-xs-8 col-sm-9"> <span class="select-box" style="width:150px;">
			<select class="select" name="roleId" size="1" id="roleId">
				{volist name="roles" id="v"}
				<option value="{$v.id}">{$v.name}</option>
				{/volist}
			</select>
			</span> </div>
	</div>
	<div class="row cl">
		<div class="col-xs-8 col-sm-9 col-xs-offset-4 col-sm-offset-3">
			<input class="btn btn-primary radius" type="submit" onclick="managerAdd()" value="&nbsp;&nbsp;提交&nbsp;&nbsp;">
		</div>
	</div>
	</form>
	{else /}
	<form class="form form-horizontal" id="form-admin-add" onclick="return checkEdit()">
		<div class="row cl">
			<label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>账号：</label>
			<div class="formControls col-xs-8 col-sm-9">
				<input type="text" class="input-text" value="{$manager.account}" placeholder="" id="accountX" name="account">
			</div>
			<div id="account_tipX"></div>
		</div>

		<div class="row cl">
			<label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>初始密码：</label>
			<div class="formControls col-xs-8 col-sm-9">
				<input type="password" class="input-text" autocomplete="off" value="" placeholder="密码" id="password" name="password">
			</div>
			<div id="password_tip"></div>
		</div>
		<div class="row cl">
			<label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>确认密码：</label>
			<div class="formControls col-xs-8 col-sm-9">
				<input type="password" class="input-text" autocomplete="off"  placeholder="确认新密码" id="password2" name="password2">
			</div>
			<div id="password2_tip"></div>
		</div>

		<div class="row cl">
			<label class="form-label col-xs-4 col-sm-3">角色：</label>
			<div class="formControls col-xs-8 col-sm-9">
				<span class="select-box" style="width:150px;">
					<select class="select" name="roleId" size="1" id="roleId">
						<option value="{$role.id}">{$role.name}</option>
						{volist name="roles" id="v"}
						<option value="{$v.id}">{$v.name}</option>
						{/volist}
					</select>
				</span>
			</div>
		</div>
		<input type="hidden" value="{$manager.id}" id="manager_id"/>
		<div class="row cl">
			<div class="col-xs-8 col-sm-9 col-xs-offset-4 col-sm-offset-3">
				<input class="btn btn-primary radius" type="submit" onclick="managerEdit()" value="&nbsp;&nbsp;提交&nbsp;&nbsp;">
			</div>
		</div>
	</form>
	{/empty}
</article>

<!--_footer 作为公共模版分离出去--> 
<script type="text/javascript" src="__STATIC__/template/lib/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="__STATIC__/template/lib/layer/2.4/layer.js"></script>
<script type="text/javascript" src="__STATIC__/template/static/h-ui/js/H-ui.min.js"></script>
<script type="text/javascript" src="__STATIC__/template/static/h-ui.admin/js/H-ui.admin.js"></script> <!--/_footer 作为公共模版分离出去-->

<!--请在下方写此页面业务相关的脚本-->
<script type="text/javascript" src="__STATIC__/template/lib/jquery.validation/1.14.0/jquery.validate.js"></script>
<script type="text/javascript" src="__STATIC__/template/lib/jquery.validation/1.14.0/validate-methods.js"></script>
<script type="text/javascript" src="__STATIC__/template/lib/jquery.validation/1.14.0/messages_zh.js"></script>
<script type="text/javascript">

$(document).ready(function(){
	$('#account').blur(checkAccount);
	$('#password').blur(checkPassword);
	$('#password2').blur(checkPassword2);
	$('#accountX').blur(checkAccountX)

})
/*账号 - 异步检测*/
var account_tip = false;
function checkAccount(){
	var account = $('#account').val();
	var rel    =  /^[a-zA-Z]\w{3,15}$/;
	if(rel.test(account) === false){
		$('#account_tip').text('账号必须是以字母开头的4-16位的字母、数字或下划线').css({'color':'red','font-size':'12px','text-align':'center'});
		return account_tip = false;
	}else{
		var url = "{:url('admin/manager/checkAccount')}";
		$.post(url,{ account:account },function(res){
			console.log(res);
			if(res==1){
				//alert(1);
				$('#account_tip').text('');
				return account_tip =true;
			}else{
				//alert(2);
				$('#account_tip').text('账号不能重复').css({'color':'red','font-size':'12px','text-align':'center'});
				return account_tip =false;
			}
		})
	}
}
/*修改页面账号 - 异步验证*/
var account_tipX = false;
function checkAccountX(){
	var account = $('#accountX').val();
	var manager_id = $('#manager_id').val();
	//alert(manager_id);
	var rel    =  /^[a-zA-Z]\w{3,15}$/;
	if(rel.test(account) === false){
		$('#account_tipX').text('账号必须是以字母开头的4-16位的字母、数字或下划线').css({'color':'red','font-size':'12px','text-align':'center'});
		return account_tipX = false;
	}else{
		var url = "{:url('admin/manager/checkAccountX')}";
		$.post(url,{ account:account,manager_id:manager_id },function(res){
			console.log(res);
			if(res==1){
				//alert(1);
				$('#account_tipX').text('');
				return account_tipX =true;
			}else{
				//alert(2);
				$('#account_tipX').text('账号不能重复').css({'color':'red','font-size':'12px','text-align':'center'});
				return account_tipX =false;
			}
		})
	}
}

/*密码 - 验证*/
function checkPassword(){
	var password = $('#password').val();
	var rel    =  /^[a-zA-Z0-9]{6,14}$/;
	if(rel.test(password) === false){
		$('#password_tip').text('密码必须为6-14位的字母或数字').css({'color':'red','font-size':'12px','text-align':'center'});
		return false;
	}else{
		$('#password_tip').text('');
		return true;
	}
}
function checkPassword2(){
	var password = $('#password').val();
	var password2 = $('#password2').val();
	if(password != password2){
		$('#password2_tip').text('两次输入密码不一致').css({'color':'red','font-size':'12px','text-align':'center'});
		return false;
	}else{
		$('#password2_tip').text('');
		return true;
	}
}
function checkAll(){
	if(checkPassword2() && checkPassword() && account_tip){
		return true;
	}
	return false;
}
function checkEdit(){
	if(checkPassword2() && checkPassword() && account_tipX){
		return true;
	}
	return false;
}


/*管理员 - 添加*/
function managerAdd(){
	var account   = $('#account').val();
	var password  = $('#password').val();
	var password2 = $('#password2').val();
	var roleId    = $('#roleId').val();
	//alert(1);
	  if(checkAll()){
		$.post("{:url('admin/Manager/save')}",{ account:account,password:password,password2:password2,roleId:roleId },function(res){
			console.log(res);
			if(res==3){
				layer.msg('添加成功!',{icon:1,time:1000});
				window.parent.location.reload();//刷新父页面
				//var index = parent.layer.getFrameIndex(window.name);
				parent.layer.close();//关闭当前页面
			}else if(res==1){
				layer.msg('请填写完整的信息!',{icon:0,time:1000});
			}else if(res==2){
				layer.msg('密码两次输入结果不一致!',{icon:5,time:1000});
			}else if(res==4){
				layer.msg('添加失败!',{icon:5,time:1000});
			}else{
				layer.msg(res,{icon:5,time:1000});
			}

		})
	}

}
/*管理员 - 修改*/
function managerEdit(){
	var account    = $('#accountX').val();
	var password   = $('#password').val();
	var password2  = $('#password2').val();
	var roleId     = $('#roleId').val();
	var manager_id = $('#manager_id').val();
	//alert(checkEdit());
	if(checkEdit()){
		$.post("{:url('admin/Manager/edit')}",{ account:account,password:password,password2:password2,roleId:roleId,id:manager_id },function(res){
			 console.log(res);
			if(res==3){
				layer.msg('修改成功!',{icon:1,time:1000});
				window.parent.location.reload();//刷新父页面
				//var index = parent.layer.getFrameIndex(window.name);
				parent.layer.close();//关闭当前页面
			}else if(res==1){
				layer.msg('请填写完整的信息!',{icon:0,time:1000});
			}else if(res==2){
				layer.msg('密码两次输入结果不一致!',{icon:5,time:1000});
			}else{
				layer.msg('修改失败!',{icon:5,time:1000});
			}

		})
	}

}
</script> 
<!--/请在上方写此页面业务相关的脚本-->
</body>
</html>